<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>onclick 单击事件</title>
  <script type="text/javascript">
    function sayOK(){
      alert("你点击了sayOK按钮");
    }
    //当页面加载完毕后，我们再进行动态绑定
    window.onload = function (){
      //1. 先拿到id=btn01 的button对应dom对象
      var btn01 = document.getElementById(" btn01");
      //2. 通过dom对象动态的绑定 onclick事件
      btn01.onclick = function (){
        //3. 通过 document 的getElementById 获取对应的 dom对象
        alert("你点击了sayHi按钮");
      }
    }
  </script>
</head>
<body>
<!--静态注册 onclick事件-->
<button onclick="sayOK()">sayOK按钮</button>
<button id=" btn01">sayHi按钮</button>
</body>
</html>